<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>某房地产集团</title>
    <link rel="stylesheet" href="../css/foot.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/call.css">
    <script src="../js/jquery-3.5.1.js"></script>


</head>
<body>
<!--人力资源静态页面-->
<div class="head" style="">
    <!--        首页logo-->
    <div>
        <div>
            <div><img src="../img/logo1.png" alt=""></div>
            <div>房地产集团</div>
        </div>
    </div>
    <!--        导航栏-->
    <div>
        <div>
            <a href=""><div>网站首页</div></a>
            <a href=""><div>集团概况</div></a>
            <a href=""><div>产业布局</div></a>
            <a href=""><div>精品楼盘</div></a>
            <a href=""><div>新闻中心</div></a>
            <a href=""><div>人力资源</div></a>
            <a href=""><div>联系我们</div></a>
        </div>
    </div>
    <div>
        <div>
            <div><a href="">
                <div>网站首页</div>
            </a>
                <div>⊙</div>
                <a href="">
                    <div>集团概况</div>
                </a>
            </div>

        </div>
    </div>
</div>

<div class="middle" style="">
    <div id="container"></div>
    <div>
        <div>
            <div><img src="../img/location.png"/></div>
            <div>北京市朝阳区建国路XX号XXXX现代城XXXXXX</div>
        </div>
        <div>
            <div><img src="../img/call.png"/></div>
            <div>咨询热线: 010- 5XXXX06 / 8517XXX47</div>
            <div>客服中心: 010-XXXX9737</div>
            <div>咨询手机: 135XXXXX985 / 18511XXX67</div>
        </div>
        <div>
            <div><img src="../img/message.png"/></div>
            <div>sales@wexxxx.com.cn</div>
        </div>
    </div>
</div>

<!--        底部-->
<div class="foot" style="">
    <div>
        <div>
            <div>
                <div>让我们更近一些 , 您可以</div>
                <div>马上拨打企业专线客服顾问正在在线等您</div>
                <div></div>
                <div>400-X00-0000</div>
                <div>联系在线客服</div>
                <div>现在就向客服顾问咨询您要了解的问题</div>
                <div></div>
                <div><a href="">点我咨询</a></div>
            </div>
            <div>
                <div>您还可以</div>
                <div>给我们留言 置业顾问会立刻联系您</div>
                <div contenteditable="true">姓名</div>
                <div contenteditable="true">手机</div>
                <div contenteditable="true">内容</div>
                <div>立即预约</div>
            </div>
            <div>
                <div><img src="../img/icon.jpg"/></div>
                <div>微信公众号</div>
                <div><img src="../img/icon.jpg"/></div>
                <div>移动端网站</div>
            </div>
        </div>
    </div>
    <div>
        <div>
            <div>Copyright。2009 - 2014 Cld，All Rights Reserved 宇宙房地产集团有限公司 版权所有</div>
            <div><a href="">备案号:12345565665</a></div>
        </div>
        <div>
            <div>
                <div><img src="../img/zj07.png"/></div>
                <div><img src="../img/zj09.png"/></div>
                <div><img src="../img/zj11.png"/></div>
                <div><img src="../img/zj05.png"/></div>
                <div><img src="../img/pic.gif"/></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    function loadJScript() {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=PYbsLVtUVgNbNITT4nWT71YhcwAnoly2&callback=init';
        document.body.appendChild(script);
    }
    function init() {
        var map = new BMapGL.Map('container'); // 创建Map实例
        var point = new BMapGL.Point(104.04, 30.64); // 创建点坐标
        map.centerAndZoom(point, 14);
        map.enableScrollWheelZoom(); // 启用滚轮放大缩小
    }
    window.onload = loadJScript; // 异步加载地图
</script>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMapGL.Map("container");
    var point = new BMapGL.Point(104.04, 30.64);
    map.centerAndZoom(point, 15);

    var marker = new BMapGL.Marker(point);  // 创建标注
    map.addOverlay(marker);              // 将标注添加到地图中
    var opts = {
        width : 200,     // 信息窗口宽度
        height: 100,     // 信息窗口高度
        title : "锦江宾馆" , // 信息窗口标题
        message:"这里是锦江宾馆"
    }
    var infoWindow = new BMapGL.InfoWindow("地址：四川锦江宾馆", opts);  // 创建信息窗口对象
    marker.addEventListener("click", function(){
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    });
</script>